/* *{
    letter-spacing: 1px;
} */
.addBtn{
    width:120px;
    margin: 30px 0;
    background-color: #2C3033;
}
.addBtn:hover{
    background-color: #555a5d;
    /* js里面添加变色 */
}
/* 编辑按钮 */
.editBtn,.delBtn{
    cursor: pointer;
    padding: 0;
    font-size: inherit;
}
/* 表格样式 */
#tbodyRoleList td,#tbodyRoleList th{
    height: 60px;
    text-align: center;
}
table{
    width: 100%;
    margin-bottom: 30px;
}
#tbodyRoleList{
    border-bottom: 1px solid rgba(215, 215, 215, 1);
}
#tbodyRoleList th{
    height: 50px; 
    border-top: 1px dashed rgba(215, 215, 215, 1);
}
#tbodyRoleList td{
    border-top: 1px solid rgba(215, 215, 215, 1);
}
.trRoleList>td:first-child{
    width: 5%;
}
.trRoleList>td:nth-child(2){
    width: 25%;
}
.trRoleList>td:nth-child(3){
    width: 40%;
}
.trRoleList>td:nth-child(4){
    width: 10%;
}
.trRoleList>td:nth-child(5){
    width: 20%;
}
/* 编辑 */
.editBtn{
    padding: 2px 10px 2px 2px;
}
/* 启用状态 */
.enabledRoleListBox{
    color: white;
    padding-left: 25px;
    padding-right: 25px;
}
.enabledRoleList1{
    height: 22px;
    background-color: #CEC2BD;
    border: solid #CEC2BD;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.enabledRoleList1>span{
    margin-right: 26px;
}
.circle1{
    position: absolute;
    right: -2px;
    border-radius: 40px;
    width: 28px;
    height: 28px;
    background-color: #B09991;
}
/* 禁止状态 */
.enabledRoleList2{
    height: 22px;
    background-color: #6C6D70;
    border: solid #6C6D70;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.enabledRoleList2>span{
    margin-left: 26px;
}
.circle2{
    position: absolute;
    left: -2px;
    border-radius: 40px;
    width: 28px;
    height: 28px;
    background-color: #EAEAEA;
}
/* 页码 */
.pageBox1,.pageBox2,.pageBox3,.pageDiv{
    display: flex;justify-content: center;align-items: center;
}
.pageDiv{
    text-align: center;
    line-height: 27px;
}
.page{
    width: 28px;
    height: 28px;
    color: rgba(215, 215, 215, 1) ;
    border: 1px solid rgba(215, 215, 215, 1) ;
    border-radius: 3px;
    margin: 0 3px;
    cursor: pointer;
}
.active{
    color: #000;
}
/* 输入页面跳转 */
.pageBox3-1Btn{
    cursor: pointer;
}
/* 删除 */
.delBtn,.editBtn{
    padding: 2px 2px 2px 10px;
    background-color: rgba(255, 255, 255, 0);
    color: #000;
    border: none;
}
.delBtn:hover,.editBtn:hover{
    background-color: rgba(255, 255, 255, 0);
    color: #000;
}
/* 上一页下一页 */
.prePage,.nextPage{
    cursor: pointer;
}
/* 新增 */
.huise{
    color: rgba(215, 215, 215, 1);
    padding-top: 7px;
}
.qiyongzhuangtai{
    padding-top: 7px;
}
